<script setup lang="ts">
</script>

<template>
  <router-view v-slot="{ Component }">
				<component :is="Component"/>
	</router-view>
</template>

<style lang="scss">
* {
		margin: 0;
		padding: 0;
	}
  #app {
		// font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		overflow: hidden;
	}
	.focusState {position: absolute;}
	#nav {
		padding: 30px;

		a {
			font-weight: bold;
			color: #2c3e50;

			&.router-link-exact-active {
				color: #42b983;
			}
		}
	}

	::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
</style>
